<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>百度一下，你就知道</title>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<div class="oDiv">
    <nav>
        <div class="nav-left">
             <span>北京：</span>
             <em class="nav-img-1"></em>
             <span>17℃</span>
             <b>优</b>
             <em>48</em>
             <span class="nav-left-last">|</span>
             <span class="title"><a href="#">宝箱</a></span>
             <span class="title"><a href="#">换肤</a></span>
             <span class="title"><a href="#">消息</a></span>
        </div>
        <div class="nav-right">
            <a href="#">新闻</a>
            <a href="#">hao123</a>
            <a href="#">地图</a>
            <a href="#">视频</a>
            <a href="#">贴吧</a>
            <a href="#">学术</a>
            <a href="#">找不到的地方</a>
            <a href="#">设置</a>
            <a href="#" class="nav-right-last">更多产品</a>
        </div>
    </nav>
    <section>
        <div class="body">
            <img src="images/logo.png" alt=""/>
            <input type="text"/><button>百度一下<span></span></button>
        </div>
        <div class="list">
            <div class="list-header">
                <ul>
                    <li class="list-header-first">我的关注</li>
                    <li>导航</li>
                    <li>推荐</li>
                </ul>
            </div>
            <div class="list-left">
                <div class="list-left-content1">
                    <span></span><em>以下信息根据您的兴趣推荐</em><span></span>
                </div>
                <div class="list-left-content2">
                    <h3 class="list-left-content2-1">日韩美三国六方会谈代表磋商 敦促朝鲜自制</h3>
                    <p class="list-left-content2-2"><span class="">搜狐新闻</span><em class="">04-25 16:04</em><i class="list-left-content2-3">热点</i></p>
                </div>
                <div class="list-left-content2"></div>
                <div class="list-left-content2"></div>
                <div class="list-left-content3"></div>
            </div>
            <div class="list-right">
                <div class="list-right-top">
                    <span class="list-right-top-1">时事热点</span><em class="list-right-top-2">换一换</em>
                </div>
                <div class="list-right-left">
                    <ul>
                        <li><a href="">嫌房间差</a><span>新</span></li>
                        <li><a href="">嫌房间差</a><span>新</span></li>
                        <li><a href="">嫌房间差</a><span>新</span></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                    </ul>
                </div>
                <div class="list-right-right">
                    <ul>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                        <li><a href="">嫌房间差</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

</div>
</body>
</html>